
<!DOCTYPE html>
<!--[if IE 8]>               <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->

  <head>    
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <meta name="description" content="fresh Gray Bootstrap 3.0 Responsive Theme "/>
    <meta name="keywords" content="Template, Theme, web, html5, css3, Bootstrap,Bootstrap 3.0 Responsive Login" />
    <meta name="author" content="Adsays"/>
    <link rel="shortcut icon" href="favicon.png"> 
    
    <title>TOT Fttx Administrator</title>
    <!-- Bootstrap core CSS -->
    <link href="<?php echo base_url();?>bootstrap/theme-login/css/bootstrap.css" rel="stylesheet">
    <!-- Demo CSS -->
    <link href="<?php echo base_url();?>bootstrap/theme-login/css/demo.css" rel="stylesheet">
    <link href="<?php echo base_url();?>bootstrap/theme-login/css/login-theme-1.css" rel="stylesheet" id="fordemo">  
  

    
    
    
    
    <link href="<?php echo base_url();?>bootstrap/theme-login/css/animate-custom.css" rel="stylesheet"> 
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
    
   
  </head>
    <body class="fade-in">
        <!-- start Login box -->
        <div class="container" id="login-block">
            <div class="row">
                <div class="col-sm-6 col-md-4 col-sm-offset-3 col-md-offset-4">
                     
                   <div class="login-box clearfix animated flipInY">
                        <div class="page-icon animated bounceInDown">
                            <img  src="<?php echo base_url();?>bootstrap/theme-login/img/user-icon.png" alt="Key icon" />
                        </div>
                        <div class="login-logo">
                            <a href="#"><img src="<?php echo base_url();?>bootstrap/tot/bnnr-eservice1.jpg" alt="Company Logo" /></a>
                        </div> 
                        <hr />
                        <div class="login-form" >
                            <!-- Start Error box -->
                            <div class="alert alert-danger hide">
                                  <button type="button" class="close" data-dismiss="alert"> &times;</button>
                                  <h4>Error!</h4>
                                   Your Error Message goes here
                            </div> <!-- End Error box -->
                          <form method="post" action="<?php echo base_url();?>index.php/admin/login/auth">
                                 <input type="text" placeholder="User name" name="username" class="input-field" required/> 
                                 <input type="password"  placeholder="Password" name="password" class="input-field" required/> 
                                 <button type="submit" class="btn btn-login">Login</button> 
                            </form> 
                            <div class="login-links"> 
                                <a href="forgot-password.html">
                                   Forgot password?
                                </a>
                                <br />
                                <a href="sign-up.html">
                                  Don't have an account? <strong>Sign Up</strong>
                                </a>
                            </div>              
                        </div>                      
                   </div>
                    
                   <!-- Start Social connect buttons box --> 
                   
                   <!-- <div class="social-login row">
                            <div class="fb-login col-lg-6 col-md-12 animated flipInX">
                                <a href="#" class="btn btn-facebook btn-block">Connect with <strong>Facebook</strong></a>
                            </div>
                            <div class="twit-login col-lg-6 col-md-12 animated flipInX">
                                <a href="#" class="btn btn-twitter btn-block">Connect with <strong>Twitter</strong></a>
                            </div>
                    </div> -->
                    
                    <!-- End Social connect buttons box -->
                    
                </div>
            </div>
        </div>
     
        <!-- End Login box -->
        <footer class="container">
            <p id="footer-text"><small>Copyright &copy; 2013 <a href="https://www.toteservice.com/">TOT FTTx</a></small></p>
        </footer>

        <script src="<?php echo base_url();?>bootstrap/theme-login/jquery-1.10.2.js"></script>
        <script>window.jQuery || document.write('<script src="<?php echo base_url();?>bootstrap/theme-login/jquery-1.10.2.js"><\/script>')</script> 
        <script src="<?php echo base_url();?>bootstrap/theme-login/bootstrap.min.js"></script> 
        <script src="<?php echo base_url();?>bootstrap/theme-login/placeholder-shim.min.js"></script>        
        <script src="<?php echo base_url();?>bootstrap/theme-login/js/custom.js"></script>
    </body>
</html>
